Designing for Performance: Weighing Aesthetics and Speed by Lara Callender Hogan

Author:Lara Callender Hogan
Language: eng
Format: epub, pdf
Tags: COMPUTERS / Web / Design
ISBN: 9781491903711
Publisher: O’Reilly Media
Published: 2014-12-03T16:00:00+00:00

<link href="http://fonts.googleapis.com/css?family=Philosopher &subset=cyrillic" rel="stylesheet" />

If you want to load only certain characters from a Google hosted font, you can specify those as well. For example, we can load the Philosopher font with only the characters H, o, w, d, and y:

<link href="http://fonts.googleapis.com/css?family=Philosopher &text=Howdy" rel="stylesheet" />

Externally hosted fonts like those from Google have a better chance of already being cached for your visitors, but if they’re not cached for a particular visitor, then they’ll require an extra lookup and request from the external domain to be fetched. Self-hosted fonts save that extra DNS lookup but will not be already cached the first time a visitor comes to your site.

One additional benefit of hosting the font yourself is customization of the font file. If you are hosting your own web font, you can run it through a tool like Font Squirrel’s Webfont Generator (http://www.fontsquirrel.com/tools/webfont-generator) and choose a custom character subset to optimize the font file, as shown in Figure 4-3.

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.